스크롤바 꾸미기
본문
익스플로러 5.5 이상에서만 적용됩니다.
body {} 안에 있는 내용을 임의의 색상으로 수정해 보면서 테스트 해 보세요..
table height=1000 해준 이유는 그래야 스크롤링을 테스트 할 수 있기 때문입니다..
scrollbar-face-color: 움직이는툴바
scrollbar-shadow-color: 툴바어두운그림자
scrollbar-highlight-color: 툴바하이라이트
scrollbar-3dlight-color: 그림자
scrollbar-darkshadow-color: 어두운그림자
scrollbar-track-color: 배경
scrollbar-arrow-color: 화살표
태그를 복사해서 태그 연습장에 실행해 보세요..
<html>
<head>
<title>스크롤바 꾸미기</title>
<style type='text/css'>
<!--
body {
scrollbar-face-color: white;
scrollbar-shadow-color: #A181C1;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #A181C1;
scrollbar-darkshadow-color: white;
scrollbar-track-color: white;
scrollbar-arrow-color: #A181C1;
}
//-->
</style>
</head>
<body>
<table height=1000>
<tr>
<td valign=top>오른쪽 스크롤바를 봐 주세요..^^;;</td>
</tr>
</table>
</body>
</html>
출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=80
body {} 안에 있는 내용을 임의의 색상으로 수정해 보면서 테스트 해 보세요..
table height=1000 해준 이유는 그래야 스크롤링을 테스트 할 수 있기 때문입니다..
scrollbar-face-color: 움직이는툴바
scrollbar-shadow-color: 툴바어두운그림자
scrollbar-highlight-color: 툴바하이라이트
scrollbar-3dlight-color: 그림자
scrollbar-darkshadow-color: 어두운그림자
scrollbar-track-color: 배경
scrollbar-arrow-color: 화살표
태그를 복사해서 태그 연습장에 실행해 보세요..
<html>
<head>
<title>스크롤바 꾸미기</title>
<style type='text/css'>
<!--
body {
scrollbar-face-color: white;
scrollbar-shadow-color: #A181C1;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #A181C1;
scrollbar-darkshadow-color: white;
scrollbar-track-color: white;
scrollbar-arrow-color: #A181C1;
}
//-->
</style>
</head>
<body>
<table height=1000>
<tr>
<td valign=top>오른쪽 스크롤바를 봐 주세요..^^;;</td>
</tr>
</table>
</body>
</html>
출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=80
관련링크
댓글목록
등록된 댓글이 없습니다.